<template>
    <div class="container">
        <div class="crumb">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">孔夫子拍卖网</el-breadcrumb-item>
                <el-breadcrumb-item><a href="/">大众拍卖区</a></el-breadcrumb-item>
                <el-breadcrumb-item>艺术</el-breadcrumb-item>
                <el-breadcrumb-item>民国时期书刊</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="title">
            <div class="title_inner">
                <h1>
                    XT7p01 1979年初版《满蒙喇嘛教美术图版》8开活页装 单面精印画册 125幅作品全
                </h1>
                <div class="Ldescribe">
                    拍品编号 123765
                    <i style="margin: left 30px;"></i>
                    所属专场 <a href="#">民国时期发行经济医药文学等类型 期刊杂志专场</a>
                    <i style="margin: left 30px;"></i>
                    买家佣金比例
                    <i>8.5%</i>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
    props: []
});
</script>

<style lang="scss" scoped>
.container {
    // border-top: 1px solid #22cf59;
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #888;
}

a{
    text-decoration: none;
}
.crumb {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #888;
    padding: 16px 0;
}

.title {
    background-color: #F8F8F8;

    .title_inner {
        padding: 20px 13px;
        line-height: 24px;
        text-align: center;
    }

    h1 {
        font-size: 18px;
        font-weight: 500;
        color: #333;
    }
}

i{
    color: #9e100e;
    font-weight: 700;
}

</style>